<style is="custom-style">
 /*   :root {
        --coloretoolbar: #D73D32;
        --coloregriglie: #E2726A; /*var(--coloregriglie);
  }*/

    html, body {
        background-color: white;
        font-family: sans-serif;
    }

    app-toolbar {
        background-color: #D73D32;
        color: white;
        font-size: x-large;
    }

    /* Menù drawer laterale */
    app-drawer-layout:not([narrow]) [drawer-toggle] {
        display: none;
    }

    app-drawer {
        --app-drawer-scrim-background: rgba(255, 255, 255, 0.6);
        /*--app-drawer-content-container: {
            background-color: #D73D32;
        }*/
    }

    .side-drawer {
        height: 50px;
    }

    paper-menu {
        --paper-menu-background-color: transparent;
        --paper-menu-color: black;
    }

    paper-item#examplesJarlist {
        color: red !important;
    }

    /* deprecato */
    paper-scroll-header-panel {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    paper-scroll-header-panel.content-side-bar {
        padding: 8px;
        background-color: white;
        height: 100%;
        overflow: visible;
    }

    paper-scroll-header-panel.content-main {
        padding: 8px;
        background-color: transparent;
    }

    /* Bottoni */
    paper-button {
        color: #FFF !important;
        background-color: #D73D32;
    }

    paper-button.undo-button {
        color: #000 !important;
        background-color: transparent;
    }

    paper-button:hover {
        color: white;
    }

    paper-button#dismiss_toast {
        background-color: transparent;
    }

    paper-icon-button {
        --paper-icon-button-ink-color: white;
    }

    /* Elementi drawer */
    paper-item {
        color: white;
    }

    paper-item:hover {
        color: black;
        background-color: white;
        font-weight: bold;
    }

    paper-item.selected {
        font-weight: bold;
        background: #D73D32;
    }

    paper-item.selected > a > span.span-icon,
    paper-item.selected > a > iron-icon {
        color: white;
    }

    /* paper progress */
    paper-progress {
        width: 100%;
        margin: 10px 0px;
        --paper-progress-container-color: #CCC;
    }

    paper-progress.red {
        --paper-progress-active-color: #D73D32;
        --paper-progress-secondary-color: #E2726A;
    }

    /* paper-dialog */
    paper-dialog#list-simulations-paper-dialog {
        width: 50%;
        height: 80%;
    }

    paper-dialog#list-simulations-paper-dialog > paper-dialog-scrollable {
        width: auto;
        height: auto;
    }

    /* Paper cards */
    paper-card,
    .grid-item-settings {
        background-color: #FFF;

        --paper-card-header: {
            background-color: #D73D32;
        };
        --paper-card-header-text: {
            color: white;
            font-size: 20px;
        };
    }

    /* Paper sliders */
    paper-slider.red {
        --paper-slider-knob-start-border-color: #D73D32;
        --paper-slider-knob-color: #D73D32;
        --paper-slider-active-color: #D73D32;
        --paper-slider-secondary-color: #E6A0A0;
        --paper-slider-pin-start-color: #D73D32;
        --paper-slider-pin-color: #D73D32;
        --paper-slider-markers-color: #333;
    }

    paper-dropdown-menu {
        width: 200px;
    }

    paper-dropdown-menu#region {
        width: 100%;
        margin: auto;
        display: block;
    }

    paper-checkbox {
        --paper-checkbox-unchecked-color: black;
        --paper-checkbox-checked-background-color: #D73D32 !important;
        --paper-checkbox-checked-color: #D73D32 !important;
    }

    paper-radio-button {
        --paper-radio-button-checked-color: #D73D32 !important;
    }

    paper-listbox {
        background-color: #29292d;
        --paper-listbox-background-color: gray;
        --paper-listbox-color: white;
    }

    #regionlist {
        min-width: 250px;
        max-height: 350px;
        background-color: white;
        --paper-listbox-background-color: dimgray;
        --paper-listbox-color: #333333;
    }

    #regionlist > paper-item {
        color: #333333;
    }

    #regionlist > paper-item.disabled {
        font-weight: bold;
        background-color: #D73D32;
        color: white;
        --paper-listbox-background-color: #D73D32;
        --paper-listbox-color: white;
    }

    /* paper spinner */
    paper-spinner {
        margin: 2px;
    }

    paper-spinner.multi {
        --paper-spinner-layer-1-color: #D73D32;
        --paper-spinner-layer-2-color: #E2726A;
        --paper-spinner-layer-3-color: #D73D32;
        --paper-spinner-layer-4-color: #E2726A;
    }

    paper-input {
        --paper-input-container-color: #333333;
        --paper-input-container-focus-color: black;
    }

    /* deprecato */
    neon-animated-pages {
        height: 96%;
    }

    /* paper tabs */
    paper-tabs {
        background-color: #E2726A;
        --paper-tabs-selection-bar-color: #D73D32;
        color: white;
    }

    /* paper toggle button */
    paper-toggle-button {
        --paper-toggle-button-unchecked-bar-color:  #E2726A;
        --paper-toggle-button-checked-bar-color:  #E2726A;
        --paper-toggle-button-checked-button-color:  #FF8800;
        --paper-toggle-button-checked-ink-color: #E2726A;
    }

    /* Elementi personalizzati (ID, classi) */
    #add-simulation-paper-dialog {
        background: white;
        color: black;
    }

    paper-fab {
        background-color: #D73D32;
        --paper-fab-disabled-background: #333;
    }

	.fab {
		position: fixed;
        bottom: 25px;
	}

    #add-aws-instance {
        right: 160px;
    }

    #add-simulation-to-worker-buttom {
        right: 90px;
    }

    #shutdown-worker-button {
        right: 20px;
    }

    #delete-history-button {
        position: fixed;
        bottom: 25px;
        right: 20px;
        color: white;
        background-color: #D73D32;
    }

    #go_to_workbenck {
        position: fixed;
        bottom: 25px;
        right: 100px;
        color: white;
        background-color: #D73D32;
        display: none;
    }

    #workbench {
        width: 90%;
        height: 90%;
        margin-top:2%;
        background-color: white;

        position: absolute;
        z-index: 99;
    }

    .history_header_panel {
        width: 100%;
        height: 60px;
        background-color: #D73D32;
    }

    /* error paper-toast */
    #error_message {
        --paper-toast-background-color: #D73D32;
        --paper-toast-color: white;
    }
</style>
